<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<% String path =request.getContextPath(); %>

<html>
<head>
    <script id="allmobilize" charset="utf-8" src="<%=path%>/static/web/js/allmobilize.min.js"></script>
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="alternate" media="handheld"  />
    <!-- end 云适配 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>前端开发全国-职位搜索-拉勾网-最专业的互联网招聘平台</title>
    <meta property="qc:admins" content="23635710066417756375" />
    <meta content="前端开发招聘  全国地区招聘 紫色医疗招聘前端开发,月薪:10k-20k,要求:本科及以上学历,3-5年工作经验。职位诱惑：借移动医疗大势享受坐直升飞机的职场发展 公司规模:15-50人移动互联网 ,健康医疗类公司招聘信息汇总  最新最热门互联网行业招聘信息，尽在拉勾网" name="description">
    <meta content="前端开发招聘,全国地区前端开发招聘,紫色医疗招聘前端开发,移动互联网 类公司招聘信息汇总,健康医疗类公司招聘信息汇总,拉勾招聘,拉勾网,互联网招聘" name="keywords">
    <meta name="baidu-site-verification" content="QIQ6KC1oZ6" />

    <!-- <div class="web_root"  style="display:none">h</div> -->
    <script type="text/javascript">
        var ctx = "h";
    </script>
    <link rel="Shortcut Icon" href="http://www.lagou.com/h/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/web/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/web/css/external.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/static/web/css/popup.css"/>
    <script src="<%=path%>/static/web/js/jquery.1.10.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="<%=path%>/static/web/js/jquery.lib.min.js"></script>
    <script src="<%=path%>/static/web/js/ajaxfileupload.js" type="text/javascript"></script>
    <script type="text/javascript" src="<%=path%>/static/web/js/additional-methods.js"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" src="<%=path%>/static/web/js/excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var youdao_conv_id = 271546;
    </script>
    <script type="text/javascript" src="<%=path%>/static/web/js/conv.js"></script>
</head>
<body>
<jsp:include page="/zhuang/include/header"/>
    <div id="container">
        <div class="sidebar">
            <div id="options" class="greybg">
                <input type="hidden" class="type_selected" value="${requestScope.type}">
                <input type="hidden" class="kd" value="${requestScope.kd}">
                <input type="hidden" class="industrieId2" value="${requestScope.industrieId}">
                <input type="hidden" class="search3" value="${requestScope.search}">
                <input type="hidden" class="hots" value="${requestScope.hot}">
                <dl >
                    <dt>月薪范围 <em ></em></dt>
                    <dd>
                        <div id="bali"><a href="javascript:void(0)" class="money" data-id="0">不限</a></div>
                        <c:forEach items="${requestScope.moneys}" var="money">
                            <div id="bali"><a href="javascript:void(0)" class="money" data-id="${money.id}">${money.range}</a></div>
                        </c:forEach>
                    </dd>
                </dl>
                <dl >
                    <dt>工作经验 <em ></em></dt>
                    <dd >
                      <c:forEach items="${requestScope.exRequires}" var="exRequire">
                          <div><a href="javascript:void(0)" class="exRequire" data-id="${exRequire.id}">${exRequire.require}</a></div>
                        </c:forEach>
                    </dd>
                </dl>
                <dl >
                    <dt>最低学历 <em ></em></dt>
                    <dd >
                        <c:forEach items="${requestScope.degrees}" var="degree">
                            <div><a href="javascript:void(0)" class="degree" data-id="${degree.id}">${degree.title}</a></div>
                        </c:forEach>
                    </dd>
                </dl>
                <dl >
                    <dt>工作性质 <em ></em></dt>
                    <dd >
                        <div><a href="javascript:void(0)" class="nature" data-id="0">不限</a></div>
                        <c:forEach items="${requestScope.natures}" var="nature">
                            <div><a href="javascript:void(0)" class="nature" data-id="${nature.id}">${nature.title}</a></div>
                        </c:forEach>

                    </dd>
                </dl>
                <dl >
                </dl>
            </div>
            <!-- 对外合作广告位  -->
            <c:forEach items="${requestScope.carousels}" var="carousel">
            <a href="${carousel.href}" target="_blank" class="partnersAd">
                <img src="${pageContext.request.contextPath}<%=path%>/static/web/images/${carousel.img}" width="230" height="80" alt="w3cplus" />
            </a>
            </c:forEach>

        </div>

        <div class="content">
            <div id="search_box">
                        <select id="searchType" style="border-left: 2px solid #019875;border-right: 2px solid #019875;height: 38px;font-size: 20px">
                            <option value="0">职位</option>
                            <option value="1">公司</option>
                        </select>
                   <%-- <div class="searchtype_arrow"></div>--%>
                    <input type="text" id="search_input" name = "kd"  tabindex="1" style="height:36px" value=""  placeholder="请输入职位名称，如：产品经理"  />

                    <input type="button" id="search_button" name="search" value="搜索" />

            </div>
            <style>
                .ui-autocomplete{width:488px;background:#fafafa !important;position: relative;z-index:10;border: 2px solid #91cebe;}
                .ui-autocomplete-category{font-size:16px;color:#999;width:50px;position: absolute;z-index:11; right: 0px;/*top: 6px; */text-align:center;border-top: 1px dashed #e5e5e5;padding:5px 0;}
                .ui-menu-item{ *width:439px;vertical-align: middle;position: relative;margin: 0px;margin-right: 50px !important;background:#fff;border-right: 1px dashed #ededed;}
                .ui-menu-item a{display:block;overflow:hidden;}
            </style>
            <script type="text/javascript" src="<%=path%>/static/web/js/search.min.js"></script>
            <dl class="hotSearch">
                <dt>热门搜索：</dt>
                <dd><a href="javascript:void(0)" class="industrie" data-id="0">不限</a></dd>
                <c:forEach items="${requestScope.industries}" var="industrie">
                    <dd><a href="javascript:void(0)" class="industrie" value="${industrie.industryName}" data-id="${industrie.id}">${industrie.industryName}</a></dd>
                </c:forEach>

            </dl>
            <div class="breakline"></div>
            <dl class="workplace" id="workplaceSelect">
                <dt class="fl">工作地点：</dt>
                <dd >
                    <a href="javascript:;" class="citie" data-id="0">全国</a>

                </dd>
                <c:forEach items="${requestScope.cities}" var="citie">
                    <dd >
                        <a href="javascript:;" class="citie" data-id="${citie.id}">${citie.cityName}</a>

                    </dd>
                </c:forEach>
                <dd  class="more" >
                    <a href="javascript:;" >其他</a>
                    <div class="triangle citymore_arrow"></div>
                </dd>
                <dd id="box_expectCity" class="searchlist_expectCity dn">
                    <span class="bot"></span>
                    <span class="top"></span>
                    <dl>
                        <dt>ABCDEF</dt>
                        <dd>
                            <c:forEach items="${requestScope.afcities}" var="citie">
                                <span> <a href="javascript:;" class="citie" data-id="${citie.id}">${citie.cityName}</a></span>
                            </c:forEach>
                        </dd>
                    </dl>
                    <dl>
                        <dt>GHIJ</dt>
                        <dd>
                            <c:forEach items="${requestScope.GJcities}" var="citie">
                                <span><a href="javascript:void(0)" class="citie" data-id="${citie.id}">${citie.cityName}</a></span>
                            </c:forEach>

                        </dd>
                    </dl>
                    <dl>
                        <dt>KLMN</dt>
                        <dd>
                            <c:forEach items="${requestScope.KNcities}" var="citie">
                                <span><a href="javascript:void(0)" class="citie" data-id="${citie.id}">${citie.cityName}</a></span>
                            </c:forEach>
                        </dd>
                    </dl>
                    <dl>
                        <dt>OPQR</dt>
                        <dd>
                            <c:forEach items="${requestScope.ORties}" var="citie">
                                <span><a href="javascript:void(0)" class="citie" data-id="${citie.id}">${citie.cityName}</a></span>
                            </c:forEach>
                        </dd>
                    </dl>
                    <dl>
                        <dt>STUV</dt>
                        <dd>
                            <c:forEach items="${requestScope.Svcities}" var="citie">
                                <span><a href="javascript:void(0)" class="citie" data-id="${citie.id}">${citie.cityName}</a></span>
                            </c:forEach>
                        </dd>
                    </dl>
                    <dl>
                        <dt>WXYZ</dt>
                        <dd>
                            <c:forEach items="${requestScope.WZcities}" var="citie">
                                <span><a href="javascript:void(0)" class="citie" data-id="${citie.id}">${citie.cityName}</a></span>
                            </c:forEach>
                        </dd>
                    </dl>
                </dd>
            </dl>

            <div id="tip_didi" class="dn">
                <span>亲，“嘀嘀打车”已更名为“滴滴打车”了哦，我们已帮您自动跳转~</span>
                <a href="javascript:;">我知道了</a>
            </div>
            <div class="result-content">



            </div>

        </div>

        <script>
            var path = "${pageContext.request.contextPath}";
            $(function () {
                var moneyId = null;
                var exRequireId = null;
                var degreeId = null;
                var natureId = null;
                var industrieId = null;
                var search = null;
                var citieId = null;
                var pagerNum=1;
                var companyname = null;
                var kd = $(".kd").val();
                var type_selected = $(".type_selected").val();
                var industrieId2 = $(".industrieId2").val();
                var search3 = $(".search3").val();
                var hots = $(".hots").val();
                if (kd!=null&&kd!=""||type_selected!=null&&type_selected!=""||industrieId2!=null&&industrieId2!=""||search3!=null&&search3!=""||hots!=null&&hots!="")
                {
                    if (search3!=null&&search3!="")
                    {
                        search=search3;
                        intData(pagerNum,search,null,null,null,null,null,null,null);
                    }
                    if (industrieId2!=null&&industrieId2!="")
                    {
                        industrieId=industrieId2;
                        intData(pagerNum,null,null,null,null,null,industrieId,null,null);
                    }
                 if (hots!=null&&hots!="")
                    {
                        search=hots;
                        intData(pagerNum,search,null,null,null,null,null,null,null);
                    }
                if (type_selected=="job")
                {
                if (kd!=null&&kd!="")
                {
                    search = kd;
                    intData(pagerNum,search,null,null,null,null,null,null,null);
                }
                }
                if (type_selected=="company")
                {
                    if (kd!=null&&kd!="")
                    {
                        companyname = kd;
                        intData(pagerNum,null,null,null,null,null,null,null,companyname);
                    }
                }
                }
                else {
                intData(pagerNum,null,null,null,null,null,null,null,null);
                }
                //页面加载完成显示第一页

                $("#search_button").click(function () {
                    var searchType = $("#searchType").val();
                    search = $("#search_input").val();
                    if(search=="")search=null;
                   if (searchType==0)
                    {
                        companyname=null;
                    }
                    else if (searchType==1)
                    {
                        companyname = search;
                        search=null;
                    }

                    intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                });


                $(".result-content").on("click",".Pagination a",function () {
                    var pagerNum = $(this).data("pagenum");
                    if(search=="")search=null;
                    if (companyname=="")companyname=null;
                    if (moneyId=="")moneyId=null;
                    if (exRequireId=="")exRequireId=null;
                    if (degreeId=="")exRequireId=null;
                    if (natureId=="")exRequireId=null;
                    if (industrieId=="")exRequireId=null;
                    if (citieId=="")citieId=null;
                    intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                    return false;
                });


                    $(".money").click(function () {
                        $(".money").parent().css("background","");
                        moneyId = $(this).data("id");
                        $(this).parent().css("background","#91cebe");
                        if (moneyId=="")moneyId=null;
                        intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                    });

                    $(".exRequire").click(function () {
                        $(".exRequire").parent().css("background","");
                        exRequireId = $(this).data("id");
                        $(this).parent().css("background","#91cebe");
                        if (exRequireId=="")exRequireId=null;
                        intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                    });
                    $(".degree").click(function () {
                        $(".degree").parent().css("background","");
                        degreeId = $(this).data("id");
                        $(this).parent().css("background","#91cebe");
                    if (degreeId=="")exRequireId=null;
                    intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                    });
                    $(".nature").click(function () {
                        $(".nature").parent().css("background","");
                        natureId = $(this).data("id");
                        $(this).parent().css("background","#91cebe");
                        if (natureId=="")exRequireId=null;
                        intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                    });
                    $(".industrie").click(function () {
                        var industrie = $(this).html();
                        if (industrie!=null)
                        {
                            search=industrie;
                            intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                        }
                        if (industrie=="不限")
                        {
                            search=null;
                            intData(pagerNum,null,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                        }
                    $(".industrie").parent().css("background","");
                    /*industrieId = $(this).data("id");*/
                    $(this).parent().css("background","#91cebe");
                    if (industrieId=="")exRequireId=null;
                    intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                });

                $(".citie").click(function () {
                    $(".citie").parent().css("background","");
                    citieId = $(this).data("id");
                   $(this).parent().css("background","#91cebe");
                    if (citieId=="")citieId=null;
                    intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname);
                });


                });




            function intData(pagerNum,search,moneyId,exRequireId,degreeId,natureId,industrieId,citieId,companyname)
            {
                $.get(
                    path+"/zhuang/job/listdata",
                    {search:search,moneyId:moneyId,exRequireId:exRequireId,degreeId:degreeId,natureId:natureId,industrieId:industrieId,citieId:citieId,pagernum:pagerNum,companyname:companyname},
                    function (result) {
                        $(".result-content").html(result);
                    }

                );
            }
        </script>

        <script>
            $(function(){
                $("#navheader li a").each(function(){
                    var sign = $(this).html();
                    if(sign=="职位"){
                        $(this).parent().addClass("current");
                    }
                });
            });
        </script>
        <jsp:include page="/zhuang/include/backTop"></jsp:include>
    </div><!-- end #container -->
</div><!-- end #body -->
<jsp:include page="/zhuang/include/footer"></jsp:include>

<script type="text/javascript" src="<%=path%>/static/web/js/core.min.js"></script>
<script type="text/javascript" src="<%=path%>/static/web/js/popup.min.js"></script>

<!--  -->

</body>
</html>
